Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / settings / SettingsNav.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72nav Te6edf3classTff7b72=Ta5d6ff"settings-nav" Te6edf3aria-labelTff7b72=Ta5d6ff"Settings sections"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3tab Tff7b72in Te6edf3tabsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3tabTb4b4b4.Te6edf3idTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"settings-nav__tab"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{ Ta5d6ff'settings-nav__tab--active'Tff7b72: Te6edf3tabTb4b4b4.Te6edf3id Tff7b72=== Te6edf3activeTab Tb4b4b4}Ta5d6ff"

Tb4b4b4:Te6edf3aria-currentTff7b72=Ta5d6ff"Te6edf3tabTb4b4b4.Te6edf3id Tff7b72=== Te6edf3activeTab Tff7b72? Ta5d6ff'page' Tff7b72: Tff7b72undefinedTa5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'select'Tb4b4b4, Te6edf3tabTb4b4b4.Te6edf3idTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"settings-nav__label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Te6edf3tabTb4b4b4.Te6edf3labelKeyTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"settings-nav__description"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Te6edf3tabTb4b4b4.Te6edf3descriptionKeyTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72navTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Tb4b4b4{ Te6edf3SETTINGS_TABS Tb4b4b4} Tff7b72from Ta5d6ff"../../js/settings/settingsTabs.js"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"SettingsNav"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3activeTabTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"select"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3tabsTff7b72: Te6edf3SETTINGS_TABSTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>

Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>

Tb4b4b4@Tff7b72reference Ta5d6ff"../../style.css"Tb4b4b4;

Tb4b4b4.T56d364settings-nav Tb4b4b4{

@apply flex gap-1 overflow-x-auto pb-1 Te6edf3lgTb4b4b4:Tff7b72flexTff7b72-Te6edf3col Te6edf3lgTff7b72:Tff7b72overflow-xTff7b72-Tff7b72visible Te6edf3lgTff7b72:Te6edf3pb-0 Te6edf3lgTff7b72:Tff7b72gapT79c0ff-0.5 Te6edf3lgTff7b72:Te6edf3w-52 Te6edf3lgTff7b72:Te6edf3shrink-0 Te6edf3lgTff7b72:Tff7b72sticky Te6edf3lgTff7b72:Tff7b72topT79c0ff-20 Te6edf3lgTff7b72:Te6edf3self-startTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364settings-nav__tab Tb4b4b4{

@apply flex flex-col items-start gap-0.5 rounded-xl border border-transparent px-3 py-2.5 text-left transition-colors shrink-0 Te6edf3lgTb4b4b4:Te6edf3w-fullTb4b4b4;

@apply text-gray-600 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Te6edf3zinc-400 Te6edf3hoverTff7b72:Te6edf3bg-whiteTff7b72/T79c0ff70 Te6edf3darkTff7b72:Te6edf3hoverTff7b72:Te6edf3bg-zinc-900Tff7b72/T79c0ff70Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364settings-nav__tab--active Tb4b4b4{

@apply border-gray-200 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-700 Te6edf3bg-white Te6edf3darkTff7b72:Te6edf3bg-zinc-900 Tff7b72textTff7b72-Tff7b72grayT79c0ff-900 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72white Te6edf3shadow-xsTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364settings-nav__label Tb4b4b4{

@apply text-sm font-semibold leading-tightTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364settings-nav__description Tb4b4b4{

@apply hidden text-xs text-gray-500 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Te6edf3zinc-500 Te6edf3lgTff7b72:Tff7b72blockTb4b4b4;

Tb4b4b4}

Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>